@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-13 21:24:47
 * @version $Id$
 */
.header{
    width: 100%;
	background:#fff;
	float: left;
	
}

.header_box{

	width: 100%;
	background-color:#FFFFFF;
	float: left;
	


}
.logo{
	font-family: Bsr;
	font-size: 20px;
	float: left;
	margin-top: 28px;
	margin-left: 50px;
}
.logo a{

	color: #606060;

}
.nav{
   float: right;
   font-family: Fz;
   font-size: 14px;
    margin-right: 50px;
   transition:all .3s linear;
   


}
.nav a{
    color: #606060;
    line-height: 80px;
    display: inline-block;
    padding: 0px 10px;
    padding:0 10px;
    position: relative;
	background-position: center bottom;
    transition:all 0.3s linear;

} 

/*

当鼠标进过的时候 a加上背景  并且加上蒙层


 */


.nav a:hover{
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.nav a:hover:after{
	display: inline-block;
	content:"";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(17,163,214,.3);
}

.blog{
	float: right;
	display: inline-block;
	margin-top: 20px;
    margin-left:20px; 
}
.blog a{

    display: inline-block;
	line-height: 25px;
	background:#F98561;
	border-radius: 5px;
	padding: 0px 19px 0px;
}
.blog a:hover{

	background-image: none;
}
.blog span{
	display: inline-block;
	line-height: 25px;
}
.blog span:first-child{
	background:#F98561;
	border-radius: 5px;
	padding: 6px 19px 5px;
}

.blog span:nth-child(2){
	font-size: 12px;
	font-family: Fzz;
	margin-left: 45px;
}
.blog span:last-of-type{
	width: 36px;
	height: 36px;
	border-radius: 100%;
	background-color:#F98561;
	text-align: center;
	line-height: 45px;
}

.blog span:last-child img{
	width: 20px;
	height:21px;
}





.clear{

	clear: both;
}

#chec{
   display: none;

}
.header_chec{
 
 float: right;
 margin-top: 15px;
 margin-right: 10px;
 display: none;
 transform:rotate(0deg);
 transition:all .3s linear;

}


/* 当鼠标发生点击事件时  header_chec 从0deg 过度到90deg */
#chec:checked + .header_chec{
   transform:rotate(90deg);
    

}

/*  当鼠标发生点击事件时 导航显示   */

#chec:checked ~ .nav{

    opacity: 1;
    height: auto;
    padding:0px;
    margin: 0px;

}






 .header_chec span{
	width: 35px;
	border:3px solid #F98561;
	display: block;
	margin-top: 5px;
	

}





/*  .banner_lun */


.banner_lun{

	width: 100%;
	float: left;

}

.banner_lun_box{
	background-image: url(../images/header_banner_bg.png);
	background-repeat: no-repeat;
	background-position:left center;
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    
}

.banner_lun_box h2{
      text-align: center;
      float: left;
      font-family: Bn;
      font-size: 80px;
      float: left;
      color: #CCCECE;
      width: 100%;
      margin-bottom: 100px;
      margin-top: 106px;


 
}










/*header end*/

/*footer*/

footer{

	width: 100%;
	background-color: #304151;
	padding-top: 44px;
	padding-bottom: 34px;
	float: left;
}

.foot_box{

	display: flex;
	justify-content:space-between;

}
.foot_box div{

    felx-basis:23%;
    margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

.foot_box h2{
	font-size: 30px;
	color:#F98561;
	text-transform: uppercase;
	font-family: Bn;
	margin-top: 44px;
	margin-bottom: 27px;
	text-align: left;
}
.foot_list li{
    border-bottom: 1px solid #566270;
    width: 100%;
    height: 100%;

}
.foot_list li p{
   text-align: left;
   font-size: 12px;
   color: #A3AFB2;
}
.foot_list li:last-child{
    border-bottom: none;
}
.foot_list li span{

	display: block;
	text-align: left;
	font-size: 12px;
	color: #A3AFB2;
	margin-bottom: 8px;
}

.foot_list li span a{
	font-size: 12px;
	text-decoration: none;
	color: #2190C1;
}

.email{

	text-align: left;
	color: #2190C1;
	padding-top: 15px;
}

.foot_list li  input{
	height: 40px;
	line-height: 40px;
}


.contact_eamil{
	width:90%;
	margin-right:5%;
	border:none;
	font-size:18px;
	font-family: Ossb;
	margin-top:31px;
	border-radius: 2px;
}
.contact_submit{

	float: right;
	width: 35%;
	margin: 17px 0px;
	border-radius: 2px;
	border:0px;
	background-color: #2190C1;
	color:#fff;
	font-size: 13px;
	font-family: Fz;
}
.foot_list_bg > li{

	background-image: url(../images/footer_bg.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 65px;

}

.foot_list_pho >li{
   
   background-image: url(../images/footer_pho.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 65px;

}
.foot_list_pho >li:nth-child(2){
   
   background-image: url(../images/footer_pho1.png);
	background-position: left center;
	background-repeat: no-repeat;
	

}
.foot_list_pho >li:nth-child(3){
   
   background-image: url(../images/footer_pho3.png);
	background-position: left center;
	background-repeat: no-repeat;
	

}












@media screen and (max-width: 760px){

        .blog{
             
             display: none;
        }
}

@media screen and (max-width: 475px){

	/*当浏览器小于475时 导航透明  宽度变为100%  高度为0 溢出隐藏*/

        .nav{
             height: 0;
             overflow: hidden;
             width: 100%;
             opacity: 0;
             padding: 0;
        }
        /* 导航的连接 宽度变为100% 字体居中  */
        .nav a{
        	width: 100%;
        	text-align: center;
        	padding: 0px;
        	margin: 0px;
        	display: block;
        }
        /* 图标显示  */
        .header_chec{
			 display: block;

           }
}






@media screen and (max-width: 760px){

   .foot_box h2{
	font-size: 20px;
	color:#F98561;
	text-transform: uppercase;
	font-family: Bn;
	margin-top: 44px;
	margin-bottom: 27px;
	text-align: left;
}
}


@media screen and (max-width: 460px){

 .foot_list_bg > li{

	background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 0px;

}

.foot_list_pho >li{
   
   background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 0px;

}
.foot_list_pho >li:nth-child(2){
   
   background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
	

}
.foot_list_pho >li:nth-child(3){
   
   background-image: none;
	background-position: left center;
	background-repeat: no-repeat;
	

}

}



